<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <link rel="stylesheet" href="../../../base/plugins/layui/css/layui.css">
    <script src="../../../base/plugins/layui/layui.js" rel="stylesheet"></script>
    <style>
   th,td
        {
            border: 1px solid gray;
            height:30px;
            width: 100px;
            color: #666;
        }
        .table2{
            margin-top: 100px;
            margin-left: 35%;

        }
        .th1{
            width: 230px;
        }
    .btn_security {
        background-color: #348BCC;
    }
    </style>
</head>
<body>
<div class="table1">
<table class="layui-table" >
    <thead class="layui-table-header">
     车辆号:<input type="text" list="sexlist" value="请选择车辆">
<datalist id="sexlist">
    <option>请选择车辆号</option>
</datalist>
    开始月份：<input type="date">
    截至月份：<input type="date">
    <input type="button" value="搜索">
    </thead>
    <tr>
        <th>序号</th>
        <th>月份</th>
        <th>车辆号</th>
        <th>车型</th>
        <th>驾驶员</th>
        <th>限定油量</th>
        <th>加油次数</th>
        <th>加油量</th>
        <th>补加油量</th>
        <th>上次计数里程</th>
        <th>本次计数里程</th>
        <th>本月行驶里程</th>
        <th>本月耗油总量</th>
        <th class="th1">操作</th>
    </tr>
    <tr>
        <td>1</td>
        <td>2018-9</td>
        <td>浙F616M6</td>
        <td></td>
        <td>里维亚</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td>
            <input type="button" class="layui-btn layui-btn-xs btn_security" value="查看"><input type="button" class="layui-btn layui-btn-warm layui-btn-xs" value="修改"><input type="button" class="layui-btn layui-btn-danger layui-btn-xs" value="删除">
        </td>
    </tr>
    <tr>
        <td>2</td>
        <td>2018-9</td>
        <td>浙F616M6</td>
        <td></td>
        <td>仁科</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td>
            <input type="button" class="layui-btn layui-btn-xs btn_security" value="查看"><input type="button" class="layui-btn layui-btn-warm layui-btn-xs" value="修改"><input type="button" class="layui-btn layui-btn-danger layui-btn-xs" value="删除">
        </td>
    </tr>
    <tr>
        <td>3</td>
        <td>2018-9</td>
        <td>浙F616M6</td>
        <td></td>
        <td>筑一城</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td>
            <input type="button" class="layui-btn layui-btn-xs btn_security" value="查看"><input type="button" class="layui-btn layui-btn-warm layui-btn-xs" value="修改"><input type="button" class="layui-btn layui-btn-danger layui-btn-xs" value="删除">
        </td>
    </tr>
    <tr>
    <td>4</td>
    <td>2018-9</td>
    <td>浙F616M6</td>
    <td></td>
    <td>邺城原</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td>
        <input type="button" class="layui-btn layui-btn-xs btn_security" value="查看"><input type="button" class="layui-btn layui-btn-warm layui-btn-xs" value="修改"><input type="button" class="layui-btn layui-btn-danger layui-btn-xs" value="删除">
    </td>
</tr>
    <tr>
    <td>5</td>
    <td>2018-9</td>
    <td>浙F616M6</td>
    <td></td>
    <td>李胜</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
        <td>
            <input type="button" class="layui-btn layui-btn-xs btn_security" value="查看"><input type="button" class="layui-btn layui-btn-warm layui-btn-xs" value="修改"><input type="button" class="layui-btn layui-btn-danger layui-btn-xs" value="删除">
        </td>
</tr>
</table>
</div>
<div class="table2">
<table border="solid:1px;" >
    <thead>
    油料编号：<input type="text" value="输入油料编号"><input type="button" value="搜索">
    </thead>
    <tr>
        <th>油料编号</th>
        <th>油料类型</th>
        <th>市场单价(L)</th>
        <th>操作</th>
    </tr>
    <tr>
        <td>92#</td>
        <td>汽油</td>
        <td>7.8/L</td>
        <td><span>
        <button>删除</button>
        <button>修改</button>
        </span></td>
    </tr>
</table>
</div>
</body>
</html>